<template>
  <div>
    <Table :columns="columns" class="marginB10" :data="list" stripe border width="1000"></Table>


    <!-- 留言 -->
    <Modal
      v-model="showBox"
      :footer-hide="true"
      :mask-closable="false"
      width="1000"
      @on-visible-change="vAhange"
      class-name="vertical-center-modal"
    >
      <div slot="header" class="f_16 f_bold lineH1d5" >
        <Row :gutter="15">
          <Col :span="12">
          补正后
          </Col>
          <Col :span="12">
          补正前
          </Col>
        </Row>
      </div>
      <template v-if="$app.judgeData(bzInfo_obj)">
        <Row :gutter="15" style="margin-top:-5px;">
          <Col :span="12">
            <div class="TJ_big">
              <div>
                <div>
                  <div class="lineH34 c333 f_16 f_bold marginB10">商标信息</div>
                  <div class="TJ_big paddingL30">
                    <div class="paddingB10">
                      <div
                        class="textCenter marginR30 textLine"
                        @click="$app.openWindow(bzInfo_obj.img_path)"
                      >
                        <div
                          class="JC_img relative overflowH marginB10 pullLeft marginR20"
                          style="width:120px; border:1px solid #ccc"
                        >
                          <img
                            :src="bzInfo_obj.img_path"
                            @error="$app.defImag"
                            class="InputShowImg cover padding5"
                          />
                        </div>
                      </div>

                      <div class="overflowH">
                        <div
                          class="marginB5"
                          v-show="bzInfo_obj.type==1 && $app.judgeData(bzInfo_obj.name)"
                        >
                          名称：
                          <span class="cBlue f_16">{{bzInfo_obj.name}}</span>
                        </div>
                        <div class="marginB5">
                          类型：
                          <template v-if="bzInfo_obj.type==1">文字</template>
                          <template v-else-if="bzInfo_obj.type==2">图形</template>
                          <template v-else>文字及图形</template>
                        </div>
                        <div class="marginB5">
                          创建日期：
                          <span>{{bzInfo_obj.created_at}}</span>
                        </div>
                        <div class="marginB5">
                          肖像作为商标申请注册：
                          <span class>{{bzInfo_obj.is_portrait?'是':'否'}}</span>
                        </div>
                        <template v-if="bzInfo_obj.portrait_img_path">
                          <div class="marginB5">
                            证明文件：
							
                            <span
                              class="f_16 cBlue pointer textLine"
                              @click="$app.openWindow(bzInfo_obj.portrait_img_path)"
                            >
								<i class="iconfont marginR5 f_18 icontupian"></i>
                              {{$app.urlToName(bzInfo_obj.portrait_img_path)}}
                            </span>
                          </div>
                        </template>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="clearBoth"></div>
                <div class="overflowH">
                  <div class="lineH34 c333 f_16 f_bold marginB10">申请人信息</div>
                  <div class="TJ_big paddingL30 margin0">
                    <Row :gutter="15" class="TJ_box borderNone">
                      <Col :span="24" class="marginB10">
                        <div>申请人资质：{{bzInfo_obj.reg_people_type==1?'企业':'个体工商户'}}</div>
                      </Col>
                      <Col :span="24" class="marginB10">
                        <div>{{bzInfo_obj.reg_people_type==1?'公司名称':'个人名称'}}：{{bzInfo_obj.reg_people_name}}</div>
                      </Col>
                      <template v-if="bzInfo_obj.reg_people_type==2">
                        <Col :span="24" class="marginB10">
                          <div>身份证号：{{bzInfo_obj.idcard}}</div>
                        </Col>
                      </template>
                      <template v-else>
                        <Col :span="24" class="marginB10">
                          <div>证件号：{{bzInfo_obj.business_license_number}}</div>
                        </Col>
                      </template>

                      <Col :span="24" class="marginB10">
                        <div>公司地址：{{bzInfo_obj.business_license_address}}</div>
                      </Col>
                    </Row>
                  </div>

                  <div class="lineH34 c333 f_16 f_bold marginB10">交官文件</div>
                  <div class="TJ_big paddingL30 cBlue f_18">
                    <div class="inlineBlock" style="margin-right:80px;">
                      <div
                        class="textLine"
                        @click="$app.openWindow(bzInfo_obj.business_license_path)"
                      >
                        <i class="iconfont marginR5 f_20 icontupian"></i>
                        企业营业执照
                      </div>
                    </div>
                    <div class="inlineBlock" style="margin-right:80px;">
                      <div
                        class="textLine"
                        @click="$app.openWindow(bzInfo_obj.attorney_path)"
                      >
                        <i class="iconfont marginR5 f_20 icontupian"></i>
                        委托书
                      </div>
                    </div>
                    <template v-if="bzInfo_obj.reg_people_type==2">
                      <div class="inlineBlock" style="margin-right:80px;">
                        <div
                          class="textLine"
                          @click="$app.openWindow(bzInfo_obj.idcard_path)"
                        >
                          <i class="iconfont marginR5 f_20 icontupian"></i>
                          身份证
                        </div>
                      </div>
                    </template>
                  </div>
                  <template v-if="$app.judgeData(bzInfo_obj.remark)">
                    <div class="lineH34 c333 f_16 f_bold marginB10">商标说明</div>
                    <div class="TJ_big paddingL30 marginB10">{{bzInfo_obj.remark}}</div>
                  </template>
                  
                </div>
                <div class="clearBoth"></div>
              </div>
            </div>
          </Col>
          <Col :span="12" style="background-color:#f9f9f9;">
            <div class="TJ_big">
              <div>
                <div>
                  <div class="lineH34 c333 f_16 f_bold marginB10">商标信息</div>
                  <div class="TJ_big paddingL30">
                    <div class="paddingB10">
                      <div
                        class="textCenter marginR30 textLine"
                        @click="$app.openWindow(bzInfo_obj.old_data.img_path)"
                      >
                        <div
                          class="JC_img relative overflowH marginB10 pullLeft marginR20"
                          style="width:120px; border:1px solid #ccc"
                        >
                          <img
                            :src="bzInfo_obj.old_data.img_path"
                            @error="$app.defImag"
                            class="InputShowImg cover padding5"
                          />
                        </div>
                      </div>

                      <div class="overflowH">
                        <div
                          class="marginB5"
                          v-show="bzInfo_obj.old_data.type==1 && $app.judgeData(bzInfo_obj.old_data.name)"
                        >
                          名称：
                          <span class="cBlue f_16">{{bzInfo_obj.old_data.name}}</span>
                        </div>
                        <div class="marginB5">
                          类型：
                          <template v-if="bzInfo_obj.old_data.type==1">文字</template>
                          <template v-else-if="bzInfo_obj.old_data.type==2">图形</template>
                          <template v-else>文字及图形</template>
                        </div>
                        <div class="marginB5">
                          创建日期：
                          <span>{{bzInfo_obj.old_data.created_at}}</span>
                        </div>
                        <div class="marginB5">
                          肖像作为商标申请注册：
                          <span class>{{bzInfo_obj.old_data.is_portrait?'是':'否'}}</span>
                        </div>
                        <template v-if="bzInfo_obj.old_data.portrait_img_path">
                          <div class="marginB5">
                            证明文件：
							
                            <span
                              class="f_16 cBlue pointer textLine"
                              @click="$app.openWindow(bzInfo_obj.old_data.portrait_img_path)"
                            >
								<i class="iconfont marginR5 f_18 icontupian"></i>
                              {{$app.urlToName(bzInfo_obj.old_data.portrait_img_path)}}
                            </span>
                          </div>
                        </template>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="clearBoth"></div>
                <div class="overflowH">
                  <div class="lineH34 c333 f_16 f_bold marginB10">申请人信息</div>
                  <div class="TJ_big paddingL30 margin0">
                    <Row :gutter="15" class="TJ_box borderNone">
                      <Col :span="24" class="marginB10">
                        <div>申请人资质：{{bzInfo_obj.old_data.reg_people_type==1?'企业':'个体工商户'}}</div>
                      </Col>
                      <Col :span="24" class="marginB10">
                        <div>{{bzInfo_obj.old_data.reg_people_type==1?'公司名称':'个人名称'}}：{{bzInfo_obj.old_data.reg_people_name}}</div>
                      </Col>
                      <template v-if="bzInfo_obj.old_data.reg_people_type==2">
                        <Col :span="24" class="marginB10">
                          <div>身份证号：{{bzInfo_obj.old_data.idcard}}</div>
                        </Col>
                      </template>
                      <template v-else>
                        <Col :span="24" class="marginB10">
                          <div>证件号：{{bzInfo_obj.old_data.business_license_number}}</div>
                        </Col>
                      </template>

                      <Col :span="24" class="marginB10">
                        <div>公司地址：{{bzInfo_obj.old_data.business_license_address}}</div>
                      </Col>
                    </Row>
                  </div>

                  <div class="lineH34 c333 f_16 f_bold marginB10">交官文件</div>
                  <div class="TJ_big paddingL30 cBlue f_18">
                    <div class="inlineBlock" style="margin-right:80px;">
                      <div
                        class="textLine"
                        @click="$app.openWindow(bzInfo_obj.old_data.business_license_path)"
                      >
                        <i class="iconfont marginR5 f_20 icontupian"></i>
                        企业营业执照
                      </div>
                    </div>
                    <div class="inlineBlock" style="margin-right:80px;">
                      <div
                        class="textLine"
                        @click="$app.openWindow(bzInfo_obj.old_data.attorney_path)"
                      >
                        <i class="iconfont marginR5 f_20 icontupian"></i>
                        委托书
                      </div>
                    </div>
                    <template v-if="bzInfo_obj.old_data.reg_people_type==2">
                      <div class="inlineBlock" style="margin-right:80px;">
                        <div
                          class="textLine"
                          @click="$app.openWindow(bzInfo_obj.old_data.idcard_path)"
                        >
                          <i class="iconfont marginR5 f_20 icontupian"></i>
                          身份证
                        </div>
                      </div>
                    </template>
                  </div>

                  <template v-if="$app.judgeData(bzInfo_obj.old_data.remark)">
                    <div class="lineH34 c333 f_16 f_bold marginB10">商标说明</div>
                  <div class="TJ_big paddingL30 marginB10">{{bzInfo_obj.old_data.remark}}</div>
                  </template>

                  
                </div>
                <div class="clearBoth"></div>
              </div>
            </div>
          </Col>
          
        </Row>
      </template>
    </Modal>
  </div>
</template>




<script>
//all 通知书 js
import tabMcolTm from "@$@/js/$common/tabMcolTm";
export default {
  name: "tabM",
  components: {},
  props: ["list", "goods_type", "orderInfo", "orLiInfo"], //goods_type:200正常注册，209担保注册
  data() {
    let data = {
      columns: tabMcolTm.tabMcolTm(this, 1), // 1商标 2版权
      bzInfo_obj: {} //补正历史记录大obj
    };
    let tool = {
      showBox: false
    };
    return Object.assign(data, tool);
  },
  mounted() {},
  methods: {
    //查看补正历史
    buZ_Do(obj) {
      $ajax.tm_bzInfo(obj.id, resData => {
        this.showBox = true;
        this.bzInfo_obj = resData;
        console.log(JSON.stringify(resData.old_data))
      });
    },

    vAhange(buEr) {
      if (!buEr) {
        //初始化数据
        this.bzInfo_obj = {};
      }
    }
  }
};
</script>

